.i_tab {
  //   width: 100%;
  background-color: #f8f8fb;
  ::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
    color: transparent;
  }
  .nut-tabs__titles {
    // overflow-x: auto;
    // overflow-y: hidden;
    --nutui-tabs-titles-item-active-color: #303133;
    --nutui-tabs-horizontal-titles-height: 48px;
    --nutui-tabs-titles-background-color: #ffffff;
    .nut-tabs__titles-item {
      //   --nutui-tabs-horizontal-titles-item-min-width: 72px;
      min-width: fit-content;
      &.active {
        --nutui-tabs-titles-item-active-font-weight: 500;
      }
      .nut-tabs__titles-item__text {
        padding: 5px 8px 12px 8px;
      }
    }

    .nut-tabs__titles-item__line {
      --nutui-tabs-horizontal-titles-item-active-line-width: 32px;
      --nutui-tabs-horizontal-titles-item-active-line-height: 4px;
      --nutui-tabs-horizontal-tab-line-color: #3e73fe;
      --nutui-tabs-horizontal-line-border-radius: 4px;
      box-shadow: 0px 2px 4px rgba(62, 115, 254, 0.2);
      top: 35px;
    }
  }

  .nut-tabs__content__wrap {
    // margin-top: 12px;
    // height: calc(100vh - env(safe-area-inset-bottom) - 96px);
    .nut-tabpane {
      padding: unset;
    }
    .scrollview {
      height: calc(100vh - env(safe-area-inset-bottom) - 96px);
    }
  }

  .scrollview {
    // background-color: #f8f8fb;
    // padding: 12px 8px;
    // box-sizing: border-box;
    .common_page {
      // height: 100%;
      background-color: #f8f8fb;
      padding: 12px 8px;
      box-sizing: border-box;
      .card_box {
        background: #ffffff;
        border-radius: 8px;
        padding: 16px;
        overflow: hidden;
        box-shadow: 0px 4px 4px rgba(62, 115, 254, 0.1);
        .chart_body {
          margin-top: 12px;
        }
        .nut-tabs {
          margin-top: 12px;
          .nut-tabs__titles {
            display: none;
          }
        }
        .data_info {
          margin-top: 7px;
          .info_title {
            font-family: "PingFang SC";
            font-style: normal;
            font-weight: 400;
            font-size: 13px;
            line-height: 18px;
            color: #46494e;
            .type_text {
              padding-left: 10px;
              color: #35417d;
            }
            &:not(:first-child) {
              margin-top: 12px;
            }
          }
          .item_box_list {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
          }
          .item_box {
            color: #333;
            font-size: 13px;
            font-family: PingFang SC;
            font-style: normal;
            font-weight: 400;
            line-height: 18px;
            margin-top: 8px;
          }
          .anglyze_item {
            &:not(:first-child) {
              margin-top: 14px;
            }
            .item_title {
              position: relative;
              width: fit-content;
              padding-left: 20px;
              color: #6c86dd;
              font-weight: 900;
              font-style: italic;
              width: 100%;
              &::before {
                position: absolute;
                content: " ";
                left: 6px;
                top: 50%;
                transform: translate(-50%, -50%);
                width: 16px;
                height: 15px;
                background: url('../../static/img/comm/title_symbol.png') no-repeat;
              }
              &::after {
                position: absolute;
                content: ":";
                padding-left: 1px;
              }
            }
            .item_value {
              margin-top: 8px;
              font-family: "PingFang SC";
              font-style: normal;
              font-weight: 400;
              font-size: 14px;
              line-height: 20px;
              color: #666666;
            }
          }
        }
        .feedBack {
          margin-top: 12px;
          background: #fafcff;
          border-radius: 4px;
          padding: 8px;
          font-family: "PingFang SC";
          font-style: normal;
          font-weight: 400;
          font-size: 12px;
          line-height: 22px;
          text-align: justify;
          color: #4b5b76;
          white-space: pre-wrap;
          word-wrap: break-word;
          .info_item {
            width: 280px;
            &:not(:last-child) {
              margin-bottom: 10px;
            }
            .info_title {
              position: relative;
              width: fit-content;
              padding-left: 20px;
              color: #6c86dd;
              font-weight: 900;
              font-style: italic;
              width: 100%;
              .scope_text {
                position: absolute;
                right: 10px;
                // width: fit-content;
                white-space: nowrap;
              }
              .scope_text_l {
                font-size: 18px;
              }
              &::before {
                position: absolute;
                content: " ";
                left: 6px;
                top: 50%;
                transform: translate(-50%, -50%);
                width: 16px;
                height: 15px;
                background: url('../../static/img/comm/title_symbol.png') no-repeat;
                // border-radius: 100%;
                // background-color: #4b5b76; 
              }
              &::after {
                position: absolute;
                content: ":";
                padding-left: 1px;
              }
            }
            .no_info_title {
              padding-left: unset;
              &::before {
                content: none;
              }
            }
            .advantage_box {
              padding-left: 20px;
              .advantage_title {
                color: #529cfe;
                position: relative;
                &::before {
                  position: absolute;
                  content: " ";
                  left: -10px;
                  top: 50%;
                  transform: translate(-50%, -50%);
                  width: 4px;
                  height: 4px;
                  border-radius: 100%;
                  background-color: #4b5b76;
                }
              }
            }
            .info_value {
              padding-left: 20px;
              color: #333333;
            }
            .person_text {
              color: #737373;
              font-weight: 600;
              line-height: 22px;
              margin-top: 6px;
            }
          }
        }
      }
      .data_box {
        margin-top: 12px;
      }
    }
  }

  .swiper_box {
    height: calc(100vh - env(safe-area-inset-bottom) - 48px);
    .scrollview {
      height: calc(100vh - env(safe-area-inset-bottom) - 48px);
      .common_page {
        padding: 12px 4px;
        .radio_box {
          margin-top: 12px;
          display: flex;
          flex-direction: row;
          padding: 5px 8px;
          border-radius: 4px 4px 0px 0px;
          background: #f8f8fa;
          width: fit-content;
          margin-bottom: -12px;
          gap: 8px;
          .radio_item {
            padding: 1px 8px;
            border-radius: 2px;
            color: var(--grey-7, #8c8c8c);
            font-size: 12px;
            font-family: PingFang SC;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
          }
          .checked {
            color: var(--brand-6, #4b5b76);
            background: var(--special-f, #fff);
          }
        }
      }
    }
  }
}

.tab_bar_page {
  .swiper_box {
    height: calc(100vh - env(safe-area-inset-bottom) - 96px);
    .scrollview {
      height: calc(100vh - env(safe-area-inset-bottom) - 96px);
    }
  }
}
